.el-menu-vertical-demo:not(.el-menu--collapse) {
    margin-top: 100px;
    width: 200px;
    min-height: 400px;
    background: #11579e;
  }

  .mainBox {
    width: 100%;
    height: 100vh;
    /* background-color: rgb(207, 247, 225);
  background-image: url("../assets/img/grass1.jpeg"); */
    background: #00c3ff;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right,
        #ffff1c,
        #00c3ff);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right,
        #ffff1c,
        #00c3ff);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    position: fixed;
    background-size: cover;
  }

  .bg-purple {
    background: #d3dce6;
  }

  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }

  .el-header {
    background: rgba(87, 93, 97, 0.3);
    padding-left: 0px;
    margin: 0px auto;
  }

  .el-main {
    margin: 0px auto;
    height: 780px;
    width: 1420px;
  }

  .el-container {
    height: 100%;
  }

  .span1 {
    font-size: 20px;
  }

  .item1 {
    line-height: 100px;
  }

  .item2 {
    line-height: 100px;
  }

  .headImg {
    float: right;
    margin-top: 5px;
    margin-right: 15px;
  }

  .username {
    float: right;
    margin-top: 22px;
    font-family: 黑体;
  }

  .animate__bounceInUp {
    color: rgb(76, 41, 204);
    margin-top: 0px;
    font-size: 40px;
    margin-left: 70px;
    float: left;
  }

  .animate__bounceInLeft {
    color: rgb(240, 197, 132);
    margin-top: 0px;
    font-size: 40px;
    margin-left: 70px;
    margin-left: 70px;
    float: left;
  }

  .el-dropdown-link {
    cursor: pointer;
    color: #11579e;
    font-size: 15px;
    margin-right: 10px;
  }

  .el-icon-arrow-down {
    font-size: 12px;
  }

  .tablex {
    background-color: rgba(163, 250, 231, 0.6);
  }